.board {
  width: 1000px;
  height: 618px;
  border: 3px solid grey;
  margin: 2%;
}

.title {
  margin-top: 20%;
}

.play-button {
  font-size: 110%;
  padding: 2%;
}

.game-button {
  font-size: 105%;
  padding: 1.5%;
  margin-right: 1%;
}

.show-shop {
  margin-left: 5%;
  margin-top: 4%;
  margin-bottom: 1%;
}

.cardrow {
  width: 90%;
  height: 40%;
  border: 2px solid gray;
  margin-left: 5%;
  margin-bottom: 1%;

  display: flex;
  overflow-x: scroll;
}

.use-card {
  margin-left: 5%;
}

.data {
  margin-left: 5%;
  margin-top: 2%;
  font-size: 155%;
}

.card {
  flex-shrink: 0;

  width: 18%;
  height: 90%;
  margin: 1%;
  border: 2px solid black;
  font-size: 102%;
}

.card-desc {
  width: 95%;
  height: 30%;
  border: 1px solid gray;
  margin: 2%;
  margin-top: 5%;
  overflow-y: scroll;
}

.card-container {
  width: 95%;
  height: 60%;
  border: 1px solid gray;
  margin: 2%;
}

.card-img {
  height: 100%;
  width: 100%;
}